<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>{{ type.type }}</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link href="{{ url_for('static',filename='css/index/001.css',_external=True) }}" rel="stylesheet" type="text/css"/>
    <link href="{{ url_for('static',filename='css/index/gb_styles.css',_external=True) }}" rel="stylesheet">
    <style>
        li a {
            word-break: keep-all; /* 不换行 */
            white-space: nowrap; /* 不换行 */
            overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
            text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
        }
    </style>
</head>
<body>
<div class="ding wi"
     style='background-image: url("{{ url_for('static',filename='css/images/top.jpg',_external=True) }}");width:77%'>
    <div class="sj fl">欢迎您！&nbsp;&nbsp;&nbsp;现在时间：
        <script type="text/javascript">
            function initArray() {
                for (i = 0; i < initArray.arguments.length; i++)
                    this[i] = initArray.arguments[i];
            }

            var isnMonths = new initArray("1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12");
            var isnDays = new initArray("周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日");
            today = new Date();
            hrs = today.getHours();
            min = today.getMinutes();
            sec = today.getSeconds();
            clckh = "" + ((hrs > 12) ? hrs - 12 : hrs);
            clckm = ((min < 10) ? "0" : "") + min;
            clcks = ((sec < 10) ? "0" : "") + sec;
            clck = (hrs >= 12) ? "下午" : "上午";
            var stnr = "";
            var ns = "0123456789";
            var a = "";

            function getFullYear(d) {
                yr = d.getYear();
                if (yr < 1000)
                    yr += 1900;
                return yr;
            }
        </script>
        <script type="text/javascript">
            //下面各行分别是一种风格，把不需要的删掉即可
            document.write("" + getFullYear(today) + "年" + "," + isnMonths[today.getMonth()] + "月" + today.getDate() + "日," + isnDays[today.getDay()] + "");
        </script>
    </div>
    <div class="sc fr">
        {% if user.is_login %}
            <a href="{{ url_for('account.center') }}"><img src="{{ user.img }}"
                                                           style="width: 28px;height: 28px;border-radius: 50%;" alt=""/></a>
            <a class="one" style="color: blue" href="{{ url_for('account.center') }}">{{ user.username }}</a>&nbsp;|
            &nbsp;
            <a class="one" href="{{ url_for('account.login_out') }}">登出</a>
        {% else %}
            <a href="{{ url_for('account.login') }}?next=kind/{{ type.type_id }}/" class="one">登录</a>&nbsp;|&nbsp;
            <a class="one" href="{{ url_for('account.register') }}">注册</a>
        {% endif %}
    </div>
</div>
<div class="nav wi yh"
     style='background-image: url("{{ url_for( 'static',filename='css/images/dhbj.jpg',_external=True ) }}");width:77%'>
    <ul>
        <li><a href="{{ url_for('index.home') }}">首页</a></li>
        {% for kind in kind_list %}
            <li><a href="{{ url_for('kind.cat',type_id=kind.type_id) }}">{{ kind.type }}</a></li>
        {% endfor %}
    </ul>
</div>

<div class="g6 bgf wi"></div>

<div class="nm w2">
    <div class="nml fl" style="margin-left: 3%;width: auto">
        <div class="lmti"
             style='background: url("{{ url_for( 'static',filename='css/images/lmdh.jpg',_external=True ) }}'>
            <strong>栏目导航</strong>
        </div>
        <div class="lmtx b1"
             style='background: url("{{ url_for( 'static',filename='css/images/lmtx.jpg',_external=True ) }}")'>
            <ul>
                <li><a href="{{ url_for('index.home') }}">首页</a></li>
                {% for kind in kind_list %}
                    <li>
                        <a href="{{ url_for('kind.cat',type_id=kind.type_id) }}">{{ kind.type }}</a>
                    </li>
                {% endfor %}
            </ul>
        </div>
        <div class="g10"></div>
        <div class="ti str"
             style='background: url("{{ url_for( 'static',filename='css/images/lmbj.jpg',_external=True ) }}'>
            <strong>热点推荐</strong>
        </div>
        <div class="xwx b1 re">
            <ul>
                {% for hot in hot_news %}
                    <li>
                        ·<a href="{{ url_for('news.details') }}?new={{ hot.hash_id }}"
                            title="{{ hot.title }}">{{ hot.title }}</a>
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>

    <div class="nmr fr" style="width: 65%;margin-right: 6%">
        <div class="wz"
             style='background: url("{{ url_for( 'static',filename='css/images/wzbg.jpg',_external=True ) }}'>
            <span>您现在的位置：
                <a href="{{ url_for('kind.cat',type_id=type.type_id) }}">{{ type.type }}</a>
            </span>&nbsp;
        </div>
        <div class="nei n1">
            <div class="lwz">
                <ul style='background-image: url("{{ url_for( 'static',filename='css/images/x1.gif',_external=True ) }}'>
                    {% for news in news_list %}
                        <li>
                            <span>{{ news.create_time }}</span>
                            <a href="{{ url_for('news.details') }}?new={{ news.hash_id }}"
                               title="{{ news.title }}">{{ news.title }}</a>
                        </li>
                    {% endfor %}
                </ul>
                <div class="epages"></div>
            </div>
        </div>
    </div>
    <div class="c"></div>
</div>
<div class="g10 wi"></div>
<nav>
    <ul class="pagination" style="margin-left: 45%">
        {% if pagination.has_prev %}
            <li class="page-item active"><a class="page-link"
                                            href="{{ url_for('kind.cat',type_id=type.type_id) }}?page={{ pagination.page - 1 }}">上一页</a>
            </li>
        {% else %}
            <li class="page-item disabled"><a class="page-link" href="#">上一页</a></li>
        {% endif %}

        {% for page in pagination.iter_pages(1,1,3,1) %}
            {% if page %}
                <li class="page-item {% if page==pagination.page %}active{% endif %}"><a class="page-link"
                                                                                         href="{{ url_for('kind.cat',type_id=type.type_id) }}?page={{ page }}">{{ page }}</a>
                </li>
            {% else %}
                <li class="page-item disabled"><a class="page-link" href="#">&hellip;</a></li>
            {% endif %}

        {% endfor %}

        {% if pagination.has_next %}
            <li class="page-item active"><a class="page-link"
                                            href="{{ url_for('kind.cat',type_id=type.type_id) }}?page={{ pagination.page + 1 }}">下一页</a>
            </li>
        {% else %}
            <li class="page-item disabled"><a class="page-link" href="#">下一页</a></li>
        {% endif %}
    </ul>
</nav>
<table width="1000" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td height="100" align="center"
            background="{{ url_for('static',filename='css/images/jcdzz_36.jpg',_external=True) }}" bgcolor="#FFFFFF"
            style="font-family:arial; line-height:26px;"> 免责声明:如果侵犯了你的权益，请发邮件至：wang_call@163.com，我们会及时删除侵权内容，谢谢合作！<br/>
            Copyright © 2018 蜀ICP备88888888号 2018 All Rights Reserved.<br/>
        </td>
    </tr>
</table>
</body>
</html>
